@rem:20rem;
.header  .navbar {
  	background-color:#fff !important;
    position: fixed;
    top:0;
    width: 100%;
    z-index:100;
    height: 52px;
    line-height: 52px;
    box-shadow: 0 1px 3px rgba(26,26,26,.1);
}
#header-navbar{
    height: 52px;
    line-height: 52px;
}
.navbar-form{
  	padding: 10px 30px;
    margin-top: 0;
}
.class_active{
  a{
    color: #007fff !important
  }
}
.navbar-default .navbar-toggle{
	position: absolute;
	padding: 10px 10px;
	right: 0;
	margin-top: 10px;
}
.navbar_avatar{
  cursor: pointer;
  display: flex;
  align-items:center;
}
.navbar-header{
 	margin: 0;
}
.header  .logo{
	height: 60/@rem;
	width: 60/@rem;
}
.avatar{
  width: 50/@rem;
  height: 50/@rem;
  border-radius: 50%;
  display: block;
  font-size: 16px;
  color:#fff;
  text-align: center;
  line-height: 50/@rem;
  background-color:#007fff;
  margin:16/@rem 0;
}
.header  .logo img{
  	height: 100%;
  	width: 100%;
}
.header  .logo-s{
  	display: flex;
  	justify-content:center;
    align-items:Center;
}
.header #mu-hero {
    background-color: #0091ea;
    display: inline;
    float: left;
    width: 100%;
}
.header .navbar-center {
}
.navbar-nav {
    padding-left: 100/@rem;
}
.navbar-nav>li>a {
    padding: 10/@rem 40/@rem;
    line-height: 75/@rem;
    font-size: 28/@rem;
    color: #444;
    cursor:pointer
}
ul li{
    list-style-type:none;
}
.hvr-bounce-in{
  	display: flex;
  	justify-content:center;
    align-items:Center;
}
.hvr-bounce-in span{
  	padding-left: 10/@rem;
  	font-size: 35/@rem;
  	font-weight: 600;
    color: #007fff;
}
.userCenter{
  position:fixed;
  right: 0;
  top:0;
  height: 100%;
  width: 25% ;
  background-color:#fff;
  z-index: 100;
}
.modal_bg{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  background-color: rgba(0,0,0,.4);
  overflow: hidden;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  will-change: opacity;
  z-index: 99;
}
